<template>
  <head-top :loading="loading">
    <view class="order">
      <view class="order_title">
        <b-tabs width="20" fontSize="28" :current="current"
          :list="[{ name: '全部' }, { name: '待付款' }, { name: '待发货' }, { name: '待收货' }, { name: '待评价' }]"></b-tabs>
      </view>
      <view class="order_content">
        <view class="order_list" v-for="i in 10" :key="i" @click="toPath">
          <view class="order_list_title">
            <view class="hui">2023-08-16 14:08:21</view>
            <view class="bold">待发货</view>
          </view>
          <orderList></orderList>
          <view class="order_list_title">
            <view class="hui xi">邮费: 0元</view>
            <view class=" flex">
              <view class="hui xi"> 总价￥1999</view>
              <view class="hui xi zhong"> 应付款￥1999</view>
              <view class="bold"> 实付款￥0</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </head-top>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { onLaunch, onShow, onLoad } from "@dcloudio/uni-app";
import BTabs from '@/components/BTabs/index.vue'
import orderList from '@/components/BorderPhone/index.vue'
const current = ref<string | number>(0)
onLoad((e: any) => {
  if (e) {
    current.value = e.type
  }
})
function toPath() {
  uni.navigateTo({
    url: '../../subPage/orderdetial/orderdetial'
  })
}
const loading = ref<boolean>(false)
</script>
<style scoped lang="scss">
@import './order.scss'
</style>